import {debounce} from './utils'//防抖函数
import BackTop from 'components/content/backtop/BackTop'//返回顶部


// 图片加载处理
export const itemImgListenerMixin = {
    data() {
        return {
            itemImgListener: null
        }
    },
    mounted() {
        // 接受2参数，第一参数为匿名函数，第二参数定时器延迟毫秒
        const refresh = debounce(this.$refs.scroll.refresh,50)
        this.itemImgListener = () => {
            refresh()
        }

        // 图片加载完毕执行防抖
        this.$bus.$on('itemImageLoad',this.itemImgListener)
    }
}

// 回到顶部
export const backTopMixin = {
    components: {
        BackTop
    },
    data() {
        return {
            isShowBackTop: false
        }
    },
    methods: {
        // 点击回到顶部
        backClick() {
            this.$refs.scroll.scrollTo(0,0,500)
        },
        // 是否显示回到顶部按钮
        listenShowBackTop(position) {
            this.isShowBackTop = -position.y > 1000?true:false
        }
    }
}